<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
</head>
<body style="padding-left: 100px;">

	<a href="doc.html" target="_blank">文档</a>
	<br><br>
	<div style="border: 1px solid #888; padding: 5px;">
		<label>模板上传:</label> <input type="file" name="file" id="uploadFile">
		<input type="button" value="提交模板" onclick="aaa()"> <label
			style="margin-left: 2rem;"> id：</label><label id="iid"></label>
	</div>
	
	<br>
	<div style="border: 1px solid #888; padding: 5px;">
		<form action="templateIsExists" method="get">
			<label> 模板是否存在</label> <label style="padding-left: 1rem">id:</label><input name="id" id="templateIsExistId">
			<br><br> 
			<input type="button" onclick="templateIsExists()" value="模板是否存在">
			<label style="padding-left: 1rem" id="templateIsExists"></label>
		</form>
	</div>
	
	<br>
	<div style="border: 1px solid #888; padding: 5px;">
		<form action="downloadTemplate" method="get">
			<label> 模板下载</label> <label style="padding-left: 1rem">id:</label><input name="id">
			<br><br> 
			<input type="submit" value="模板下载">
		</form>
	</div>
	
	<br>
	<div style="border: 1px solid #888; padding: 5px;">

		<form action="builderPdf" enctype="application/x-www-form-urlencoded"
			method="post">
			<label> PDF生成</label> <label style="padding-left: 1rem">id:</label><input name="id"> <label>data:</label>
			<textarea rows="3" cols="60" style="vertical-align: middle;"
				name="jsonDataStr"></textarea>
			<br> <br> <input type="submit" value="PDF生成">
		</form>
	</div>
	<br>

	<div style="border: 1px solid #888; padding: 5px;">
		<form action="word2pdf" enctype="multipart/form-data"
			method="post">
			<label>WORD转PDF</label> 
			<label>WORD：</label>
			<input name="file" type="file"> 
			<br>
			<input type="submit" value="WORD转PDF">
		</form>
	</div>



	<script type="text/javascript">
		var formData1; 
		 function aaa () {
			　　var formData = new FormData();                      // 创建一个form类型的数据
			　　var file = document.getElementById("uploadFile").files[0];
				console.log(file);
				formData.append("file", file);
				console.log(formData);
				formData1 = formData;
			　　$.ajax({
			　　　　"url": "uploadTemplate",
			　　　　"type": "POST",
			　　　　"processData": false, // 将数据转换成对象，不对数据做处理，故 processData: false 
			　　　　"contentType": false,    // 不设置数据类型
			　　　　"xhrFields": {                // 这样在请求的时候会自动将浏览器中的cookie发送给后台
			　　　　　　withCredentials: true
			　　　　},
			　　　　"data": formData,
			　　　　success: function(data) {
			　　　　　　console.log(data);
						$("#iid").text(data.data);
			　　　　},
			　　　　error: function(data) {
			　　　　}
			　　})
			}
		 
		 function templateIsExists(){
			 var id = $("#templateIsExistId").val();
			 $.ajax({
				 "url": "templateIsExists",
				 "data":{"id":id},
				 success: function(data) {
				　　　　　　console.log(data);
							$("#templateIsExists").text(data.data);
				　　　　}	
			 })
		 }
	</script>
</body>
</html>